import { createApp } from "vue";
import "./style.css";
import App from "./App.vue";
import ArcoVue from "@arco-design/web-vue";
import "@arco-design/web-vue/dist/arco.less";
import ArcoVueIcon from "@arco-design/web-vue/es/icon";
import router from "./router";
import { Message } from "@arco-design/web-vue";
import print from "vue3-print-nb";
import VueBarcode from "@chenfengyuan/vue-barcode";

import VueAMap, { initAMapApiLoader } from "@vuemap/vue-amap";
import "@vuemap/vue-amap/dist/style.css";
initAMapApiLoader({
  key: "9c2d456fdcce394df9444eda5134b62d",
  securityJsCode: "c7d6d3ae8ebbf8375887d9ec36cdad2a",
  plugins: ["AMap.Geocoder", "AMap.HeatMap"],
});

const app = createApp(App);
Message._context = app._context;
app.component(VueBarcode.name, VueBarcode);
app
  .use(router)
  .use(ArcoVue)
  .use(ArcoVueIcon)
  .use(print)
  .use(VueAMap)
  .mount("#app");
